<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <title>订单统计</title>

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <!-- page specific plugin styles -->
    <script src="__PUBLIC__/admin/js/jquery.min.js"></script>
    <script src="__PUBLIC__/admin/js/lodash.min.js"></script>
    <script src="__PUBLIC__/admin/js/moment.min.js"></script>
    <script src="__PUBLIC__/admin/js/zh-cn.js"></script>
    <script src="__PUBLIC__/admin/js/numeral.min.js"></script>
    <script src="__PUBLIC__/admin/js/toastr.min.js"></script>
    <script src="__PUBLIC__/admin/js/__PUBLIC__/admin/js/cookies.js"></script>
    <script src="__PUBLIC__/admin/js/knockout-min.js"></script>
    <script src="__PUBLIC__/admin/js/knockout.mapping.min.js"></script>
    <script src="__PUBLIC__/admin/js/bootstrap-datetimepicker.min.js"></script>
    <script src="__PUBLIC__/admin/js/jquery.validate.min.js"></script>
    <script src="__PUBLIC__/admin/js/jquery.validate.unobtrusive.min.js"></script>
    <script src="__PUBLIC__/admin/js/clipboard.min.js"></script>
    <script src="__PUBLIC__/admin/js/select2.min.js"></script>
    <script src="__PUBLIC__/admin/js/admin.js"></script>
    <script>
      moment.locale('zh-cn');
      toastr.options.positionClass = 'toast-bottom-right';
    </script>
    <script src="__PUBLIC__/admin/js/ace-extra.min.js"></script>


<link media="all" href="__PUBLIC__/admin/css/index02.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/glyphicons-halflings-regular.css">
</head>
<body class="no-skin">

    <!-- #section:basics/navbar.layout -->
    <include file="./Public/gong/title.html" />

    <div class="main-container" id="main-container">
      <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
      </script>

      <div id="sidebar" class="sidebar responsive">
          <script type="text/javascript">
            try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
          </script>

<include file="./Public/gong/list.html" />

          <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
          </div>

          <script type="text/javascript">
            try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
          </script>
      </div>

      <!-- /section:basics/sidebar -->
      <div class="main-content">

              <!--       <div id="invalid-mp-settings-hint" style="border-top: 0px none; border-left: 0px none; border-right: 0px none; margin: 0px;" class="alert alert-warning">
    <i class="fa fa-warning"></i> 您的公众号配置不完整，推广前请务必配置好公众号信息。<a    href="#">立即配置</a>
</div> -->

<!-- <script>
    $.get('/backend/settings/api_check_mp_settings?t' + new Date().getTime(), function (result) {
        if (!result.valid) {
            $('#invalid-mp-settings-hint').slideDown();
        }
    });
</script> -->
        <div class="breadcrumbs" id="breadcrumbs">
          <script type="text/javascript">
            try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
          </script>

          <ul class="breadcrumb">
            <li>
              <i class="ace-icon fa fa-home home-icon"></i>
              <a    href="#">Home</a>
            </li>
            <li class="active">订单统计</li>
          </ul><!-- /.breadcrumb -->

          <!-- /section:basics/content.searchbox -->
        </div>

        <!-- /section:basics/content.breadcrumbs -->
        <div class="page-content">
          <div class="page-content-area">
            <div class="row">
              <div class="col-xs-12">
                <!-- PAGE CONTENT BEGINS -->

                <!--/span-->
                <!-- left menu ends -->



<div style="margin-bottom: 10px;">
    <ul class="nav nav-tabs">
        <li class="active"><a    href="__URL__/chanrge_static.html">订单统计</a></li>
        <li class=""><a    href="__URL__/people_static.html">用户统计</a></li>
        <li class=""><a    href="__URL__/people_day_active.html">日活用户</a></li>
        <li style="display: none;" class=""><a    href="__URL__/people_static.html">小说统计</a></li>
    </ul>
</div>
<script>
    var uid = null;
</script>

<div class="row" id="order-summary-stats-panel">
    <div class="col-md-3">
        <div class="well">
            <b>
                今日充值 <i class="fa fa-question-circle" title="非实时, 延迟 5 分钟左右"></i>
                <!-- <span style="font-weight: normal; font-size: 13px; color: rgb(0, 153, 0);" class="pull-right">
                    <span data-bind="text: refresh_seconds_left">52</span> 秒后刷新
                </span> -->
            </b>
            <div class="text-primary" style="font-size: 32px; margin: 5px 0px;">
                ¥<span data-bind="price: stats_today.paid_amount">{$today_static4}</span>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>普通充值</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.welth_order_paid_amount">￥{$today_static1}</b></div>
                    </div>
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>季费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount">￥{$today_static2}</b></div>
                    </div>
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>年费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount">￥{$today_static3}</b></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="well">
            <b>昨日充值</b>
            <div class="text-primary" style="font-size: 32px; margin: 5px 0px;">
                ¥<span data-bind="price: stats_yesterday.paid_amount">{$yes_static4}</span>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>普通充值</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.welth_order_paid_amount">￥{$yes_static1}</b></div>
                    </div>
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>季费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount">￥{$yes_static2}</b></div>
                    </div>
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>年费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount">￥{$yes_static3}</b></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="well">
            <b>本月充值   </b>
            <div class="text-primary" style="font-size: 32px; margin: 5px 0px;">
                ¥<span data-bind="price: stats_this_month.paid_amount">{$month_static4}</span>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>普通充值</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.welth_order_paid_amount">￥{$month_static1}</b></div>
                    </div>
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>季费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount">￥{$month_static2}</b></div>
                    </div>
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>年费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount">￥{$month_static3}</b></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="well">
            <b>累计充值  <!-- <i class="fa fa-question-circle" title="不含当日，非实时，每天凌晨2:30左右更新"></i>  --></b>
            <div class="text-primary" style="font-size: 32px; margin: 5px 0px;">
                ¥<span data-bind="price: stats_all_time.paid_amount">{$all_static4}</span>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>普通充值</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.welth_order_paid_amount">￥{$all_static1}</b></div>
                    </div>
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>季费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount">￥{$all_static2}</b></div>
                    </div>
                    <div class="col-sm-6" style="padding: 0px;">
                        <strong>年费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount">￥{$all_static3}</b></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="panel panel-default" id="order-daily-stats-panel">
    <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-calendar"></i> 近30天充值统计</h3>
    </div>
    <!-- <div class="loading-panel" data-bind="visible: loading" style="display: block;">
        <i class="fa fa-spinner fa-spin"></i>
    </div> -->
    <table class="table table-bordered table-striped"  style="">
        <thead>
            <tr>
                <th>日期</th>
                <!-- <th class="text-right">充值金额</th> -->
                <th class="text-right">普通充值</th>
                <th class="text-right">普通充值支付订单数</th>
                <th class="text-right">季费VIP会员</th>
                <th class="text-right">季费VIP会员支付订单数</th>
                <th class="text-right">年费VIP会员</th>
                <th class="text-right">年费VIP会员支付订单数</th>
            </tr>
        </thead>
        <tbody data-bind="foreach: stats">
            <volist name="arr" id="vr">
            <tr>
                <td><span data-bind="date: date">{$vr.time}</span></td>
                <!-- <td class="text-right">
                    <b>¥ <span data-bind="price: paid_amount">0.00</span></b>
                </td> -->
                <td class="text-right">
                    <b>¥ <span data-bind="price: welth_order_paid_amount">{$vr.paygold}</span></b>
                </td>
                <td class="text-right">
                    <b><span data-bind="text: welth_order_paid_count">{$vr.goldcount}</span> 笔</b>
                </td>
                <td class="text-right">
                    <b>¥ <span data-bind="price: vip_order_paid_amount">{$vr.payvip}</span></b>
                </td>
                <td class="text-right">
                    <b><span data-bind="text: vip_order_paid_count">{$vr.vipcount}</span> 笔</b>
                </td>
                <td class="text-right">
                    <b>¥ <span data-bind="price: vip_order_paid_amount">{$vr.payyearvip}</span></b>
                </td>
                <td class="text-right">
                    <b><span data-bind="text: vip_order_paid_count">{$vr.yearvipcount}</span> 笔</b>
                </td>
            </tr>
            </volist>

        </tbody>
    </table>
</div>

<!-- <script>
    var OrderDailyStatsPanel = function () {
        var self = this;
        var inited = false;
        var model = {
            loading: ko.observable(true),
            stats: ko.observableArray()
        };

        this.init = function () {
            if (!inited) {
                ko.applyBindings(model, document.getElementById('order-daily-stats-panel'));
                inited = true;
            }
        };

        this.load = function (options) {
            self.init();

            model.loading(true);

            var uid = options && options.uid ? options.uid : null;

            $.get('/backend/order_stats/api_get_daily_stats/' + (uid || ''), function (stats) {
                model.stats(stats);
                model.loading(false);
            });
        }
    };

    OrderDailyStatsPanel.instance = new OrderDailyStatsPanel();
</script>
<script>
    OrderSummaryStatsPanel.instance.load({
        uid: uid
    });

    OrderDailyStatsPanel.instance.load({
        uid: uid
    });
</script> -->


                                <!-- PAGE CONTENT ENDS -->
                            </div><!-- /.col -->
                        </div><!-- /.row -->
                    </div><!-- /.page-content-area -->
                </div><!-- /.page-content -->
            </div><!-- /.main-content -->

        </div><!-- /.main-container -->

        <!-- basic scripts -->

        <!-- <script type="text/javascript">
            if('ontouchstart' in document.documentElement) document.write("<script src='http://novel.818tu.com/static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
        </script> -->
        <script src="__PUBLIC__/admin/js/bootstrap.min.js"></script>
        <script src="__PUBLIC__/admin/js/jquery.webui-popover.min.js"></script>
        <script src="__PUBLIC__/admin/js/jquery.ui.widget.min.js"></script>
        <script src="__PUBLIC__/admin/js/jquery.fileupload.min.js"></script>

        <!-- page specific plugin scripts -->

        <!-- ace scripts -->
        <script src="__PUBLIC__/admin/js/ace-elements.min.js"></script>
        <script src="__PUBLIC__/admin/js/ace.min.js"></script>

        <!-- inline scripts related to this page -->

        <!-- the following scripts are used in demo only for onpage help and you don't need them -->


      <!--   <script type="text/javascript"> ace.vars['base'] = 'http://novel.818tu.com/static'; </script> -->
        <script src="__PUBLIC__/admin/js/elements.onpage-help.js"></script>
        <script src="__PUBLIC__/admin/js/ace.onpage-help.js"></script>


</body>
</html>
